<template>
  <IFexHeaderMain class="protocol-container">
    <template #header>
      <IHeader class="main-title">商户服务及用户隐私协议</IHeader>
    </template>
    <view class="content-wrapper wh_auto">
      <view class="section-title">云仓寄存柜存柜用户协议</view>
      
      <view class="sub-title">特别提示</view>
      <view class="paragraph">
        一诺存储(以下简称云仓寄存柜)在此特别提醒您(用户)在注册成为用户之前,请认真阅读本《用户协议》(以下简称“协议”),确保您充分理解本协议中各条款。请您审慎阅读并选择接受或不接受本协议。除非您接受本协议所有条款,否则您的注册,登陆或使用等行为将视为对本协议的接受,并同意接受本协议各项条款的约束。本协议约定云仓寄存柜与用户之间关于“云仓寄存柜”服务(以下简称“服务”)的权利义务。“用户”是指注册、登陆、使用本服务的个人。本协议可由云仓寄存柜随时更新,更新后的协议条款一旦公布即代替原来的协议条款,恕不再另行通知。在云仓寄存柜修改协议条款后,如果用户不接受修改后的条款,请立即停止使用云仓寄存柜的服务,用户继续使用云仓寄存柜提供的服务将被视为接受修改后的协议
      </view>
      
      <view class="chapter-title">一、甲方储物柜严禁存放以下物品:</view>
      <view class="list-container">
        <view class="list-item">1. 易燃、易爆、易渗漏、易挥发、易潮物品。</view>
        <view class="list-item">2. 有毒有害、有辐射、化学性、突变性危险品。</view>
        <view class="list-item">3. 易腐烂、易霉变、易变质及超限等特殊物品。</view>
        <view class="list-item">4. 毒品、枪支弹药等违禁违纪类物品。</view>
        <view class="list-item">5. 动物及活物。</view>
        <view class="list-item">6. 法律法规等规定禁止的其他物品。</view>
      </view>
      
      <view class="chapter-title">二、乙方身份条件</view>
      <view class="list-container">
        <view class="list-item">1. 本协议乙方只接受个人用户。</view>
        <view class="list-item">2. 办理非使用储物柜服务的其他业务时(包括但不限于挂失、超期取物、查看监控、办理保险等)需在甲方审验并确认乙</view>
      </view>
    </view>
  </IFexHeaderMain>
</template>

<script setup lang="ts" name="index">
  import { computed, ref, watch } from 'vue'
  import IFexHeaderMain from '@/components/container/IFexHeaderMain.vue'
  import IHeader from '@/components/container/IHeader.vue'
</script>

<style scoped>
.protocol-container {
  padding: 20rpx;
  background-color: #f9f9f9;
  min-height: 100vh;
}

.content-wrapper {
  background-color: #fff;
  border-radius: 16rpx;
  padding: 30rpx 24rpx;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}

.main-title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 30rpx;
  padding-bottom: 20rpx;
  border-bottom: 1px solid #eee;
}

.section-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 24rpx;
  text-align: center;
}

.sub-title {
  font-size: 28rpx;
  font-weight: bold;
  color: #e53e3e; /* 特别提示用红色突出 */
  margin: 24rpx 0 16rpx;
}

.chapter-title {
  font-size: 26rpx;
  font-weight: bold;
  color: #333;
  margin: 30rpx 0 16rpx;
  padding-left: 10rpx;
  border-left: 4rpx solid #4285f4; /* 章节标题左侧加标志线 */
}

.paragraph {
  font-size: 24rpx;
  color: #666;
  line-height: 1.6;
  margin-bottom: 16rpx;
  text-align: justify;
}

.list-container {
  padding-left: 30rpx;
  margin-bottom: 10rpx;
}

.list-item {
  font-size: 24rpx;
  color: #666;
  line-height: 1.6;
  margin-bottom: 12rpx;
  position: relative;
  padding-left: 10rpx;
}

/* 适配不同屏幕 */
@media (min-width: 768px) {
  .content-wrapper {
    max-width: 800rpx;
    margin: 0 auto;
    padding: 40rpx;
  }
}
</style>